/*piblic*/
#service_list_a1 { display: none !important; }
[class*="BannerShow"] img { width: 100%; }
#BannerShow_b1 .swiper-pagination-bullet { display: block; font-size: 0; width: 4px; height: 4px; opacity: 1; background: #363636; font-weight: bold; color: #992532; margin: 2vw auto !important; }
#BannerShow_b1 .swiper-pagination-bullet-active { font-size: 12px; width: auto; height: auto; background: none; }
#BannerShow_b1 .swiper-pagination { width: auto; right: 6.25%; left: auto; top: 50%; transform: translateY(-50%); bottom: auto; }
#BannerShow_b2 .swiper-pagination-bullet { width: 14px; height: 14px; background: none; border: 1px solid transparent; opacity: 1; position: relative; z-index: 0; }
#BannerShow_b2 .swiper-pagination-bullet:before { content: ''; width: 6px; height: 6px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 0; background: #363636; border-radius: 50%; }
#BannerShow_b2 .swiper-pagination-bullet-active { border-color: #992532; }
#BannerShow_b2 .swiper-pagination-bullet-active:before { background: #992532; }
#BannerShow_b2 .swiper-pagination { bottom: 3%; }
/*i1*/
.i1 { height: 50vw; padding-top: 4%; overflow: hidden; }
.i1 .title1 { padding: 0 2.5vw; margin-bottom: 5%; }
.i1 .L { width: 21%; padding: 0 2.5vw; }
.i1 .R { width: 79%; }
.i1 .L li span:before { transition: 0.3s ease 0s; content: attr(data-title); color: #9f2031; position: absolute; left: 0; top: 0; z-index: 0; white-space: nowrap; overflow: hidden; width: 0; }
.i1 .L li a:after { content: ''; height: 2px; background: #9f2031; display: inline-block; vertical-align: middle; transition: 0.3s ease 0s; margin-left: 1.5vw; width: 0; }
.i1 .L li a.on span:before { width: 100%; }
.i1 .L li a.on span { color: #fff; }
.i1 .L li a.on:after { width: 2.8vw; }
.i-pro .RL { width: 57.5%; }
.ipro-detail { -webkit-line-clamp: 3; width: 73%; line-height: 2.1; max-height: 89px; margin-top: 2.5%; }
.ipro-swiper li { width: 13vw; height: 14vw; font-size: 14px; }
.ipro-swiper li a { width: 100%; height: 100%; overflow: hidden; background: #fff; }
.ipro-swiper li a:after { content: ''; position: absolute; z-index: 0; width: 100%; height: 100%; top: 0; left: 0; border: 1px solid #e5e5e5; transition: 0.3s ease 0s; box-sizing: border-box; }
.ipro-swiper { margin-top: 2.5vw; width: 100%; }
.i1 .RR { position: absolute; top: 0; right: 0; width: 37.5%; height: 100%; z-index: -1; /*transform:rotateY(100deg); */ }
.i1 .RR>div, .i1 .RR i { height: 100%; }
.i1-btn-box { width: 10vw; height: 10vw; position: absolute; left: 0; bottom: 0; line-height: 10vw; }
.i1-btn a { transition: 0.3s ease 0s; font-size: 1.1vw; font-family: "宋体", SimSun; font-weight: bold; width: 40%; }
.i1-btn .swiper-button-disabled { opacity: 0.5; display: inline-block; }
.i1-btn span { background: #fff; width: 1px; height: 1vw; }
.i1 .title1 img { right: 37.5vw; z-index: -1; width: 31.5%; }
.i1-btn:not([class*='on']) { display: none; }
.ipro-swiper li:not(:last-child) { margin-right: 3vw; }
.ipro-swiper li a img { transition: 0.8s linear 0s; }
.i3 .B>div>div { height: 100%; }
.i3 .B>div { background: #fff; height: 100%; z-index: -1; position: absolute; width: 100%; opacity: 0; top: 0; left: 0; transform: translateY(10%); transition: 1s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s; }
.i3 .B>div.on { opacity: 1; position: static; z-index: 0; transform: translate(0); }
/*i2*/
#i2-swiper1, #i2-swiper2, #i2-swiper2 a, .i2 .R, .i2 .R li a, .i2 .R a i, .i2 .L { height: 100%; }
.i2 .R { width: 62.5%; }
.i2 .L { width: 37.5%; }
.i2-protext { position: absolute; z-index: 0; bottom: 4.3vw; left: 0; padding: 0 6.25vw; width: 100%; }
.i2-protext h3 { font-weight: normal; font-size: 1.9vw; }
.i2-protext div { margin-top: 3%; line-height: 1.5; width: 74%; }
.i2 { height: 44.73vw; }
.i2-btn { position: absolute; right: 0; bottom: 0; z-index: 1; }
.i2-btn a { font-family: "宋体", SimSun; font-weight: bold; width: 4.2vw; height: 4.2vw; line-height: 4.2vw; background: #fff; }
.i2-btn .swiper-button-disabled { color: rgba(51,51,51,0.5); }
.i2 .L>* { height: 50%; }
.i2 .L .LT { padding: 2% 6.25vw; }
.i2 .title1 span:nth-child(2) { margin-top: 4%; }
.i2 .title1 .a1 { margin-top: 14%; }
#i2-swiper3 li { line-height: 1; font-size: 3.8vw; width: auto; }
#i2-swiper3 { position: absolute; right: 0; bottom: 0; z-index: -1; width: 100%; text-align: right; }
/*i3*/
.i3 { padding: 7.5% 0 8.5% 6.25%; }
.i3 .TR { right: 0; position: absolute; top: 0; z-index: 0; }
.i3 .T { width: 98%; }
.i3 .TL li a:after { content: ''; display: block; width: 1px; margin: 0 auto; background: #9f2031; height: 0; margin-top: 1vw; transition: 0.3s ease 0s; }
.i3 .TL li a.on:after { height: 1vw; }
.i3 .TL li a.on { color: #9f2031; }
.i3 .B li { width: 77vw; }
.i3 .i3-img { width: 59.5%; height: 100%; }
.i3 .i3-img>*, .i3 .B li a { height: 100%; }
.i3 .i3-text { width: 40.5%; padding-left: 13.5%; }
.i3 .i3-text strong { font-size: 1.3vw; }
.i3 .i3-text h4 { max-height: 7.5vw; font-size: 2.5vw; line-height: 1.2; margin-top: 3.5vw; }
.i3 .i3-text p { -webkit-line-clamp: 3; line-height: 1.7; margin-top: 2.5vw; max-height: 72px; }
.i3 .i3-text:after { content: ''; background: #ddd; width: 1px; height: 5vw; display: block; margin-top: 5vw; }
.i3 .B li:not(:last-child) { margin-right: 11.5vw; }
.i3 .B { margin-top: 2%; height: 32.3vw; }
[id*="i3-swiper"] .swiper-pagination { width: auto; bottom: 0; left: 60%; }
[id*="i3-swiper"] .swiper-pagination-bullet { width: 10px; height: 10px; background: transparent; border: 2px solid #999; opacity: 1; margin: 0; }
[id*="i3-swiper"] .swiper-pagination-bullet-active { background: #992532; border-color: #992532; }
[id*="i3-swiper"] .swiper-pagination-bullet:not(:first-child) { margin: 0 0 0 2vw; }
/*i4*/
.i4 .swiper-wrapper>* { width: 33.333%; padding: 4% 6%; }
.i4 { border-top: 1px solid #ddd; }
.i4 .newnr b { transition: 0.3s ease 0s; display: block; font-size: 1.6vw; text-align: center; font-weight: normal; color: #333; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 5.2vw; }
.i4 .data { text-align: center; font-size: 12px; color: #999; margin-top: 10%; }
.i4 .data b { font-weight: normal; }
.i4 .data b:before { content: '-'; }
.i4 .data:after { content: ''; display: block; margin: 4% auto 0; height: 1px; background: #333; width: 1vw; }
[id*="NewsList_a"] {
 margin-top: 10%;
}
[id*="NewsList_a"] a { display: block; }
[id*="NewsList_a"] a:after { content: '查看详情'; font-size: 14px; color: #333; transition: 0.3s ease 0s; width: 9.4vw; height: 3vw; line-height: 3vw; box-sizing: content-box; border: 1px solid #ddd; text-align: center; display: block; margin: 10% auto 0; }
/*i5*/
.i5 { background: url(../images/img2.jpg) no-repeat center; background-size: cover; padding: 7% 0 6.5%; }
.i5 i { width: 8.3vw; height: 8.3vw; margin: auto; border-radius: 50%; }
.i5 i em { height: 100%; border: 2px solid #fff; border-radius: 50%; }
.i5 i img { width: 53%; }
.i5 i:after { content: ''; position: absolute; width: 100%; height: 100%; background: #9f2031; border-radius: 50%; top: 0; z-index: -1; left: 0; opacity: 0.7; animation: rote360 8s linear 0s infinite; transform-origin: center 3.7vw; }
.i5 h3 { font-weight: normal; font-size: 1.9vw; margin-top: 1.5%; }
.i5 p { margin-top: 2.5%; line-height: 2; }
.i5 a { margin: 3% auto 0; border-color: #fff; }
.i5 a:before { background: #9f2031; opacity: 0.7; }
.i5:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 0; background: url(../images/img2-1.png) no-repeat center; background-size: cover; }
@keyframes rote360 { 0% {
transform:rotateZ(0deg);
}
100% {
transform:rotateZ(360deg);
}
}
.newimg, .page, #load_more_button, .newnr p, .i4 .data i { display: none !important; }
@media screen and (min-width: 1101px ) {
.i1 .L li a:hover span:before { width: 100%; }
.i1 .L li a:hover span { color: #fff; transition-delay: 0.2s; }
.ipro-swiper li a:hover img { transform: scale(1.1); }
.ipro-swiper li a:hover:after, .i5 a:hover { border-color: #9f2031; }
[id*="NewsList_a"] a:hover .newnr b, .i3 .TL li a:hover { color: #9f2031; }
[id*="NewsList_a"] a:hover:after { color: #fff; background: #9f2031; border-color: #9f2031; }
}
@media screen and (min-width: 801px ) {
.i1 .L li:not(:first-child) { margin-top: 13%; }
.i1-btn a.left:hover, .i2-btn a.left:hover { text-indent: -10px; }
.i1-btn a.right:hover, .i2-btn a.right:hover { text-indent: 10px; }
.i2-btn a:hover { color: #9f2031; }
.i3 .TL li:not(:first-child) { margin-left: 7.5%; }
.i4 .swiper-wrapper>*:not(:first-child) { border-left: 1px solid #ddd; }
.i-pro { z-index: -1; position: absolute; width: 100%; opacity: 0; top: 0; left: 0; transform: translateY(20%); transition: 1s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s; }
.i1 .RR>div { z-index: -1; position: absolute; width: 100%; opacity: 0; top: 0; left: 0; transform: translateX(25%); transition: 1s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s; }
.i-pro.on, .i1 .RR>div.on { opacity: 1; position: static; z-index: 0; transform: translateY(0); }
}
 @media screen and (max-width: 1500px ) {
.ipro-detail { max-height: 76px; }
.i3 .i3-text p { max-height: 62px; }
[id*="NewsList_a"] a:after { font-size: 12px; }
}
@media screen and (max-width: 1100px ) {
.ipro-detail { max-height: 51px; -webkit-line-clamp: 2; }
.i2-protext { padding: 0 4vw; }
.i2 .L .LT { padding-left: 4vw; padding-right: 4vw; }
.i2-protext h3, .i3 .i3-text strong, .i4 .newnr b, .i5 h3 { font-size: 2vw; }
.i4 .newnr b { height: 6.4vw; }
.i3 { padding: 16% 4%; }
.i3 .i3-text p { -webkit-line-clamp: 2; max-height: 41px; }
[id*="i3-swiper"] .swiper-pagination { left: 58.5%; }
.i3 .i3-text h4 { margin-top: 2.5vw; }
.i3 .i3-text:after { margin-top: 4vw; }
.i4 .swiper-wrapper>* { padding: 3%; }
[id*="NewsList_a"] a:after { width: 12vw; height: 3.8vw; line-height: 3.8vw; }
.i5 i { width: 10vw; height: 10vw; }
.i5 i:after { transform-origin: center 4.5vw; }
.i3 .B { height: 34.3vw; }
}
@media screen and (max-width: 800px ) {
.i1 .title1 { padding: 0 4%; margin-bottom: 7%; }
.i1 { height: auto; padding-top: 16%; }
.i1 .L { width: 92%; padding: 0 0 9%; border-bottom: 1px solid #ddd; margin: 0 auto 9%; display: block; }
.i1 .L li a:after { display: block; margin-left: 0; margin-top: 1vw; }
.i1 .L li { display: inline-block; vertical-align: top; margin-top:2%; }
.i1 .L li a.on:after, .i-pro .RL { width: 100%; display: block; }
.i1 .L li:not(:last-child), .i3 .T li:not(:last-child) { margin-right: 9%; }
.i1 .R { width: 100%; display: block; margin: 0 auto; }
.ipro-titie p { font-size: 5.5vw; margin-top: 0; }
.ipro-titie { padding-right: 4vw; }
.ipro-detail { max-height: none; width: 100%; display: block; line-height: 1.5; margin-top: 6%; padding-right: 4vw; }
.ipro-swiper li { width: 34.7vw; height: 37.5vw; font-size: 3.8vw; }
.ipro-swiper li:not(:last-child) { margin-right: 5.5vw; }
.i-pro .RL { padding-left: 4%; }
.ipro-swiper { margin-top: 10vw; }
.i1 .RR { position: relative; z-index: 0; width: 100%; height: 83.3vw; margin-top: 8vw; }
.i2 { height: auto; width: 92%; margin: 0 auto; padding-top: 14%; }
.i2 .L .LB { height: 55vw; margin-top: 7%; }
.i2 .R { height: 65vw; }
.i2 .L .LT { padding: 0; height: auto; }
.i2 .title1 span:nth-child(2) { margin-top: 3.5%; }
.i2>* { display: block; width: 100% !important; float: none; }
.i2-btn a { width: 11vw; height: 11vw; line-height: 11vw; }
.i2-protext h3 { font-size: 3.8vw; }
.i2-protext { padding: 0 3vw; width: calc(100% - 22vw); bottom: 3vw; }
.i2 .title1 .a1 { margin-top: 0; position: absolute; right: 0; bottom: 0; z-index: 0; }
.i3 { padding-right: 4%; }
.i3 .title1 { width: 100%; }
.i3 .TL li a:after { width: 100%; height: 2px; margin-top: 1vw; opacity: 0; }
.i3 .TL li a.on:after { opacity: 1; height: 2px; }
.i3 .T { width: 100%; margin-top: 6vw; padding-bottom: 7vw; border-bottom: 1px solid #ddd; }
.i3 .B li { width: 100%; }
.i3 .i3-text, .i3 .i3-img { float: none; width: 100%; padding: 0; }
.i3 .i3-text h4 { margin-top: 0; font-size: 8vw; max-height: none; }
.i3 .i3-text p { -webkit-line-clamp: 3; max-height: none; margin-top: 5%; }
.i3 .B { margin-top: 12%; height: 113vw; }
.i3 .B>div>div { height: auto; }
.i3 .i3-img { height: 63.8vw; margin-top: 7%; }
.i3 .B li:not(:last-child) { margin-right: 5vw; }
[id*="i3-swiper"] .swiper-pagination { bottom: 0; margin-top: 6%; left: 0; position: static; }
[id*="i3-swiper"] .swiper-pagination-bullet:not(:first-child) { margin: 0 0 0 5vw; }
.i4 .swiper-wrapper { display: block; }
.i4 .swiper-wrapper>* { padding: 10% 4%; width: 100%; }
.i4 .swiper-wrapper>*:not(:first-child) { border-top: 1px solid #ddd; }
.i4 .newnr b { font-size: 5vw; height: auto; }
[id*="NewsList_a"] {
 margin-top: 7%;
}
.i4 .data { font-size: 3.8vw; margin-top: 4%; }
.i4 .title2 p { color: #992532; }
.i5 i { width: 22vw; height: 22vw; }
.i5 i:after { transform-origin: center 10vw; }
.i5 p { margin-top: 6vw; line-height: 1.5; text-align:left; }
.i5 { padding: 14% 0; }
.i5 h3 { font-size: 5vw; margin-top: 3.5vw; }
.i5:before { background: url(../images/img2-2.png) no-repeat center; background-size: cover; }
.i3 .i3-text:after, .i4 .data:after, [id*="NewsList_a"] a:after, .i5 p br, .i-pro:not([class*='on']), .i1 .RR>div:not([class*='on']) { display: none; }
}
